﻿@model LbangCMS.ViewModels.IndexModel
@{
    ViewBag.Title = "桂乡田源首页";
}

<div class="gx_banner">
    <div class="slide-main" id="touchMain">
        <a class="prev" href="javascript:;" stat="prev1001">‹</a>
        <div class="slide-box" id="slideContent">
            <div class="slide" id="bgstylec">
                <div stat="sslink-3" href="" target="_blank">
                    <div class="obj-e"><img src="~/content/images/banner.jpg" alt="" /></div>
                    <div class="gx_banner_con hidden-in obj-f">
                        <p class="gx_banner_sign">一粒之香，一生难忘</p>
                        <h3 class="gx_banner_tittle">您的餐桌不能没有桂乡田源</h3>
                        <a class="gx_banner_under" href="#">点击了解详情>></a>
                    </div>
                </div>
            </div>
            <div class="slide" id="bgstylea">
                <div stat="sslink-1" href="" target="_blank">
                    <div class="obj-a"><img src="~/content/images/banner2.jpg" alt="" /></div>
                    <div class="gx_banner_con hidden-in obj-f">
                        <p class="gx_banner_sign">一粒之香，一生难忘</p>
                        <h3 class="gx_banner_tittle">您的餐桌不能没有桂乡田源</h3>
                        <a class="gx_banner_under" href="#">点击了解详情>></a>
                    </div>
                </div>
            </div>
            <div class="slide" id="bgstyleb">
                <div stat="sslink-2" href="" target="_blank">
                    <div class="obj-c"><img src="~/content/images/banner.jpg" alt="" /></div>
                    <div class="gx_banner_con hidden-in obj-f">
                        <p class="gx_banner_sign">一粒之香，一生难忘</p>
                        <h3 class="gx_banner_tittle">您的餐桌不能没有桂乡田源</h3>
                        <a class="gx_banner_under" href="#">点击了解详情>></a>
                    </div>
                </div>
            </div>
        </div>
        <a class="next" href="javascript:;" stat="next1002">›</a>
        <div class="item"> <a class="cur" stat="item1001" href="javascript:;"></a><a href="javascript:;" stat="item1002"></a><a href="javascript:;" stat="item1003"></a> </div>
    </div>
</div>
<div class="gx_main container">
    <div class="row">
        <div class="gx_one middles-14 am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left'}">
            <h3 class="gx_tittle"><span>关于我们</span>ABOUT US</h3>
            <div class="gx_one_mian">
                <a href=""><img src="~/content/images/about_img.jpg" alt="" /></a>
                <p class="gx_one_p"><a href="@Url.Action("SinglePage", "Home",new { code="about"})">@Model.About</a><a class="gx_one_details" href="@Url.Action("SinglePage", "Home",new { code="about"})">详情>></a></p>
            </div>
        </div>
        <div class="gx_two middles-6 am-animation-scale-up" data-am-scrollspy="{animation: 'scale-up'}">
            <h3 class="gx_tittle"><span>新闻中心</span>NEWS<a href="@Url.Action("Index", "News")">MORE</a></h3>
            @{ 
                var mainNew = Model.News.Where(o => o.IsMain).FirstOrDefault();
            }
            <div class="gx_two_introduction">
                <h4 class="gx_two_tittle"><a href="@Url.Action("Detail","News",new { Id=mainNew.ID })">@mainNew.Title</a></h4>
                <p class="gx_two_p"><a href="@Url.Action("Detail","News",new { Id= mainNew.ID })">@mainNew.Summary</a></p>
            </div>
            <div class="gx_two_mian"> <a href="@Url.Action("Detail","News",new { Id=mainNew.ID })"><img src="@mainNew.ImageSrc" alt="" /></a> </div>
            <ul class="gx_two_ul">
                @foreach (var item in Model.News.Where(o => o.IsMain == false).ToList())
                {
                    <li><a href="@Url.Action("Detail","News",new { Id=item.ID })">@item.Title</a><i class="fa icon_list"></i><span>@item.PublishTime</span></li>
                }
            </ul>
        </div>
        <div class="gx_three middles-13 hidden-in am-animation-slide-right" data-am-scrollspy="{animation: 'slide-right'}">
            <h3 class="gx_tittle"><span>联系我们</span>CONTACT US</h3>
            <div class="gx_three_mian"> <img src="~/content/images/contact_img.jpg" alt="" /> </div>
            <ul class="gx_three_ul">
                <li><span class="gx_three_span">@Model.Address</span><i class="fa icon_one"></i></li>
                <li><span class="gx_three_span">电话：@Model.Phone</span><i class="fa icon_two"></i></li>
                <li><span class="gx_three_span">邮编：@Model.Zipcode</span><i class="fa icon_three"></i></li>
            </ul>
        </div>
    </div>
</div>
<div class="gx_main gx_four container">
    <div class="row">
        <h3 class="gx_tittle" data-am-scrollspy="{animation: 'fade'}"><span>产品展示</span>PRODUCT<a href="@Url.Action("Index","Product")">MORE</a></h3>
        <ul class="gx_four_ul clearfix">
            @foreach (var item in Model.Products)
            {
                <li class="middles-3 min-6" data-am-scrollspy="{animation: 'fade'}">
                    <div class="gx_four_list">
                        <a href="@Url.Action("Detail","Product",new { Id=item.ID })" class="gx_four_img">
                        <img src="@item.ImageSrc" alt="@item.ProductName" />
                        </a>
                        <a href="@Url.Action("Detail","Product",new { Id=item.ID })" class="gx_four_text">@item.ProductName</a>
                    </div>
                </li>
            }
        </ul>
    </div>
</div>
